<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>团购首页</title>
	<link rel="stylesheet" href="../css/win.css">
	<link rel="stylesheet" href="../css/团购首页.css">
</head>
<body style="background:#f5f5f5;">
	<div class="xst-logo">
		<div class="z">
			<ul class="xst-top-left">
				<li><img src="../images/phone.jpg" alt="手机">手机版</li>
				<li class="t"><div class="triangle"></div></li>
				<li><span></span></li>
				<li>HI,欢迎来红华西市！</li>
				<li>请登录</li>
				<li>免费注册</li>
			</ul>
			<ul class="xst-top-right">
				<li>我的订单</li>
				<li><span></span></li>
				<li>我的西市</li>
				<li class="t"><div class="triangle"></div></li>
				<li><span></span></li>
				<li><img src="../images/shopping.jpg" height="11" width="12" alt="购物车">购物车0件</li>
				<li><span></span></li>
				<li>服务中心</li>
				<li class="t"><div class="triangle"></div></li>
				<li><span></span></li>
				<li><img src="../images/list.jpg" height="10" width="10" alt="网址导航">网址导航</li>
				<li class="t"><div class="triangle"></div></li>
			</ul>
		</div>
	</div>
	<div class="xst-ad" id="xst-ad">
		<div class="xst-shut" id="xst-shut">×</div>
	</div>
	<div class="xst-search">
		<div class="xst-search-l">LOGO</div>
		<div class="xst-search-s">
			<div class="xst-form-div">
				<form action="" id="xst-form" class="xst-form">
					<input type="text" value="关键词" class="xst-form-t" id="xst-form-t"><input type="button" value="搜索" class="xst-form-b" id="xst-form-b">
				</form>
			</div>
			<ul class="xst-hotsearch">
				<li>热门搜索：连衣裙</li>
				<li><span></span></li>
				<li>冰箱</li>
				<li><span></span></li>
				<li class="red">小米</li>
				<li><span></span></li>
				<li>护肤套装</li>
				<li><span></span></li>
				<li>沙发</li>
				<li><span></span></li>
				<li>男士短裤</li>
				<li><span></span></li>
				<li class="red">空调</li>
			</ul>
		</div>
		<div class="xst-search-t"><p class="t1">客户服务热线</p><p class="ft-red">400-88888888</p></div>
	</div>
	<div class="xst-nav">
		<div class="xst-goodsCategory" id="xst-goodsCategory">
			商品服务分类<img src="../images/ic1.png"  alt="">
		</div>
		<ul class="xst-nav-ul">
			<li class="ft-red">商城首页</li>
			<li>家居馆</li>
			<li>电器城</li>
			<li>超市</li>
			<li>特卖活动</li>
			<li>预定抢购</li>
		</ul>
		<div class="xst-nav-list" id="xst-nav-list" class="clear">
			<dl class="bg-red">
				<dd><a href="http://www.baidu.com">美食</a></dd>
				<dt>自助餐</dt>
				<dt>蛋糕</dt>
				<dt>小吃快餐</dt>
				<dt><div class="triangle-list"></div></dt>
			</dl>
			<dl>
				<dd>电影</dd>
				<dt>在线订座</dt>
				<dt>电影票团购</dt>
				<dt><div class="triangle-list"></div></dt>
			</dl>
			<dl>
				<dd>休闲娱乐</dd>
				<dt>KTV</dt>
				<dt>景点郊游</dt>
				<dt>温泉洗浴</dt>
				<dt><div class="triangle-list"></div></dt>
			</dl>
			<dl>
				<dd>团购</dd>
				<dt>食品保健</dt>
				<dt>家居家纺</dt>
				<dt>个护化妆</dt>
				<dt><div class="triangle-list"></div></dt>
			</dl>
			<dl>
				<dd>生活服务</dd>
				<dt>丽人</dt>
				<dt>婚庆服务</dt>
				<dt>照片冲印</dt>
				<dt><div class="triangle-list"></div></dt>
			</dl>
			<dl>
				<dd>酒店</dd>
				<dt>北京</dt>
				<dt>上海</dt>
				<dt>广州</dt>
				<dt><div class="triangle-list"></div></dt>
			</dl>
			<dl>
				<dd>旅游</dd>
				<dt>景点郊游</dt>
				<dt>温泉洗浴</dt>
				<dt>本地游</dt>
				<dt><div class="triangle-list"></div></dt>
			</dl>
			<dl>
				<dd>丽人</dd>
				<dt>美发</dt>
				<dt>美甲</dt>
				<dt>美容SPA</dt>
				<dt><div class="triangle-list"></div></dt>
			</dl>
		</div>
	</div>
	<div class="xst-headimg">
		<img src="../images/shouye_07.jpg" height="472" width="820" alt="">
	</div>
	<div class="xst-body">
		<ul class="xst-body-nav">
			<li>全部</li>
			<li class="xst-liselect">美食</li>
			<li>电影</li>
			<li>休闲娱乐</li>
			<li>网购</li>
			<li>生活服务</li>
			<li>酒店</li>
			<li>旅游</li>
			<li>丽人</li>
		</ul>
	</div>
	<div class="xst-body-secnav">
		<ul class="xst-body-secnav1">
			<li class="red">今日新单</li>
			<li><span></span></li>
			<li>小吃快餐</li>
			<li><span></span></li>
			<li>火锅</li>
			<li><span></span></li>
			<li>蛋糕</li>
			<li><span></span></li>
			<li>甜点</li>
			<li><span></span></li>
			<li>饮品</li>
			<li>咖啡厅/酒吧/茶室</li>
			<li><span></span></li>
			<li>烧烤/烤肉自助餐</li>
			<li><span></span></li>
			<li>干锅/香锅</li>
			<li><span></span></li>
			<li>海鲜</li>
			<li><span></span></li>
			<li>聚会宴请</li>
			<li><span></span></li>
			<li>辣味美食</li>
			<li><span></span></li>
			<li>其他美食</li>
		</ul>
		<ul class="xst-body-secnav2">
			<li>全部中餐</li>
			<li><span></span></li>
			<li>川菜</li>
			<li><span></span></li>
			<li>北京菜</li>
			<li><span></span></li>
			<li>烤鱼</li>
			<li><span></span></li>
			<li>湘菜</li>
			<li><span></span></li>
			<li>粤菜</li>
			<li><span></span></li>
			<li>东北菜</li>
			<li><span></span></li>
			<li>创意菜/私房菜</li>
			<li><span></span></li>
			<li>麻辣烫</li>
			<li><span></span></li>
			<li>新疆/清真菜</li>
			<li><span></span></li>
			<li>烤鸭</li>
			<li><span></span></li>
			<li>江浙菜</li>
			<li><span></span></li>
			<li>西北菜</li>
			<li><span></span></li>
			<li>徽菜</li>
			<li><span></span></li>
			<li>鲁菜</li>
			<li><span></span></li>
			<li>山西菜</li>
		</ul>
	</div>
	<div style="height:500px;"></div>
	<script>
		var adShut = document.getElementById("xst-shut");
		var ad = document.getElementById("xst-ad");
		var oXstGoodsCategory = document.getElementById("xst-goodsCategory"); 
		var oXstNavList = document.getElementById("xst-nav-list");         
		adShut.onclick = function(){
			ad.style.height="0px";
			ad.style.overflow="hidden";
		}
		oXstGoodsCategory.onclick = function(){
			oXstNavList.style.display="block";
		}

	</script>
</body>
</html>